<template>
    <div class="student-profill">

        <div class="student-profill">
            <div style="height: 200px; line-height: 200px" class="imgBox">
                <el-avatar :src='src' shape='square' ></el-avatar>
            </div>
          
            <el-descriptions title="学员资料" direction="vertical" :column="4" border>
                <el-descriptions-item label="用户名">威少</el-descriptions-item>
                <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
                <el-descriptions-item label="居住地" :span="2">南京市</el-descriptions-item>
                <el-descriptions-item label="备注">
                    <el-tag size="small">学校</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
            </el-descriptions>
        </div>
    </div>
</template>


<script>
    import  imgSrc from '@/assets/img/ws.png'
    export default {
        meta:{
            title:'xyzl',
            name:'学员宿舍',
            icon:'iconfont icon-shuju1',
        },
        data(){
            return{
                src:imgSrc
            }
        }
    }
</script>





<style lang='less' scoped>
    .student-profill{
            /deep/.el-descriptions__title{
                line-height: 40px !important;
        }
        .imgBox{
            .el-avatar{
                width: 200px;
                height: 200px;
                text-align: center;
                background-color: transparent;
                img{
                    width: 200px;
                    height: 200px;
                }
            }
            margin-top: 40px;
            text-align: center;
           
        }
    }
   
</style>